<template>
    <aside id="chat" class="sidebar c-overflow mCustomScrollbar _mCS_2 mCS-autoHide" style="overflow: visible;"><div id="mCSB_2" class="mCustomScrollBox mCS-minimal-dark mCSB_vertical_horizontal mCSB_outside" tabindex="0"><div id="mCSB_2_container" class="mCSB_container mCS_x_hidden mCS_no_scrollbar_x" style="position: relative; top: 0px; left: 0px; width: 100%;" dir="ltr">

    <div class="chat-search">
        <div class="fg-line">
            <input type="text" class="form-control" placeholder="Search People">
        </div>
    </div>
    <div class="listview">
        <a class="lv-item" href="">
        <div class="media">
            <div class="pull-left p-relative">
                <img class="lv-img-sm mCS_img_loaded" src="/img/profile-pics/2.jpg" alt="">
                <i class="chat-status-busy"></i>
            </div>
            <div class="media-body">
                <div class="lv-title">Jonathan Morris</div>
                <small class="lv-small">Available</small>
            </div>
        </div>
        </a>
        <a class="lv-item" href="">
        <div class="media">
            <div class="pull-left">
                <img class="lv-img-sm mCS_img_loaded" src="/img/profile-pics/1.jpg" alt="">
            </div>
            <div class="media-body">
                <div class="lv-title">David Belle</div>
                <small class="lv-small">Last seen 3 hours ago</small>
            </div>
        </div>
        </a>
        <a class="lv-item" href="">
        <div class="media">
            <div class="pull-left p-relative">
                <img class="lv-img-sm mCS_img_loaded" src="/img/profile-pics/3.jpg" alt="">
                <i class="chat-status-online"></i>
            </div>
            <div class="media-body">
                <div class="lv-title">Fredric Mitchell Jr.</div>
                <small class="lv-small">Availble</small>
            </div>
        </div>
        </a>
        <a class="lv-item" href="">
        <div class="media">
            <div class="pull-left p-relative">
                <img class="lv-img-sm mCS_img_loaded" src="/img/profile-pics/4.jpg" alt="">
                <i class="chat-status-online"></i>
            </div>
            <div class="media-body">
                <div class="lv-title">Glenn Jecobs</div>
                <small class="lv-small">Availble</small>
            </div>
        </div>
        </a>
        <a class="lv-item" href="">
        <div class="media">
            <div class="pull-left">
                <img class="lv-img-sm mCS_img_loaded" src="/img/profile-pics/5.jpg" alt="">
            </div>
            <div class="media-body">
                <div class="lv-title">Bill Phillips</div>
                <small class="lv-small">Last seen 3 days ago</small>
            </div>
        </div>
        </a>
        <a class="lv-item" href="">
        <div class="media">
            <div class="pull-left">
                <img class="lv-img-sm mCS_img_loaded" src="/img/profile-pics/6.jpg" alt="">
            </div>
            <div class="media-body">
                <div class="lv-title">Wendy Mitchell</div>
                <small class="lv-small">Last seen 2 minutes ago</small>
            </div>
        </div>
        </a>
        <a class="lv-item" href="">
        <div class="media">
            <div class="pull-left p-relative">
                <img class="lv-img-sm mCS_img_loaded" src="/img/profile-pics/7.jpg" alt="">
                <i class="chat-status-busy"></i>
            </div>
            <div class="media-body">
                <div class="lv-title">Teena Bell Ann</div>
                <small class="lv-small">Busy</small>
            </div>
        </div>
        </a>
    </div>
    </div></div><div id="mCSB_2_scrollbar_vertical" class="mCSB_scrollTools mCSB_2_scrollbar mCS-minimal-dark mCSB_scrollTools_vertical" style="display: block;"><div class="mCSB_draggerContainer"><div id="mCSB_2_dragger_vertical" class="mCSB_dragger" style="position: absolute; min-height: 50px; display: block; height: 307px; max-height: 384px; top: 0px;" oncontextmenu="return false;"><div class="mCSB_dragger_bar" style="line-height: 50px;"></div></div><div class="mCSB_draggerRail"></div></div></div><div id="mCSB_2_scrollbar_horizontal" class="mCSB_scrollTools mCSB_2_scrollbar mCS-minimal-dark mCSB_scrollTools_horizontal" style="display: none;"><div class="mCSB_draggerContainer"><div id="mCSB_2_dragger_horizontal" class="mCSB_dragger" style="position: absolute; min-width: 50px; width: 0px; left: 0px;" oncontextmenu="return false;"><div class="mCSB_dragger_bar"></div></div><div class="mCSB_draggerRail"></div></div></div></aside>
</template>

<script>
    export default {
        data(){
          return {
            message:'This is site chat'
          }
        },
        ready () {
        }
    }
</script>